@charset "utf-8";
/* 导航 */
.top {position: fixed;left: 0;top: 0;width: 100%;background: #fff;z-index: 1000;}
.navbar-pull-all{/* overflow:hidden; */width:100%;margin:auto; padding:0;}
.header-right { font-size:15px;color:#fff;background:#004098; height:94px;padding:18px 20px 0;}
.header-right span{color:#fff;font-size:25px;font-weight:bold;}
.header-right i{margin-right:8px;}
.navbar-header{width:100%;margin:auto;float:none;background-color: #fff;box-shadow: 0 2px 11px rgb(0 0 0 / 5%);}
.navbar-full {width:100%; background:#1c88ec;}
.navbar-full .collapse { margin:0 auto; width:1140px;}
.navbar-brand { padding: 29px 15px; height: auto; }
nav.navbar.bootsnav { border: none;background-color: #333;}
.navbar-nav { float:right;margin-right:20px;}
nav.navbar.bootsnav ul.nav > li > a { color:#666; text-transform: uppercase; padding: 10px ; font-size:17px; font-weight:normal;/* font-weight:bold; */ }
nav.navbar.bootsnav ul.nav > li > a.nm{height:94px;line-height:94px;padding:0 30px;font-weight: bold;}
nav.navbar.bootsnav ul.nav > li:hover > a{color:#fff;background:#1a63c8;}
nav.navbar.bootsnav ul.nav > li:hover { background: none; }
/* .nav > li:after { content: ""; width: 0; height:2px; background:#009b4d !important; position: absolute; bottom: 0; left: 0; transition: all 0.5s ease 0s; }
.nav > li:hover:after { width: 100%; } */
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after { content: "\f105"; font-family: 'FontAwesome'; font-size: 16px; font-weight: 500; position: absolute; top: 28%; right: 3%; transition: all 0.4s ease 0s; transform: rotate(90deg); }
nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after { content: "\f105"; transform: rotate(270deg); }
.dropdown-menu.multi-dropdown { position: absolute; left: -100% !important; }
nav.navbar.bootsnav li.dropdown ul.dropdown-menu { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); border: none; }
@media only screen and (max-width:990px) {
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after,  nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after { content: " "; }
.dropdown-menu.multi-dropdown { left: 0 !important; }
nav.navbar.bootsnav ul.nav > li:hover { background: transparent; }
nav.navbar.bootsnav ul.nav > li > a { margin: 0; }
}
/* .xs-logo img{width:400px;} */

nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a:hover {
    background:#1a63c8;
    color: #fff;
}

/* 轮播 */
.ibanner .img { height: 800px; background-size: cover; background-position: center; } /* 高度 */
#uu{height:490px;}
#uu .img {margin-top:90px;height: 400px;}
#uu .ny{height:400px;background-size: cover;background-position: center;}
.ibanner .slick-arrow{font-size:60px; position:absolute; top:50%; z-index:2; height:58px; margin-top:-29px; line-height:58px; width:80px; text-align:center; padding:0px; border:none; color:rgba(255,255,255,1); opacity:0; border-radius:50%; cursor:pointer;}
.ibanner .slick-prev{ left:30px;}
.ibanner .slick-next{ right:30px;}
.ibanner:hover .slick-arrow{ opacity:1;}

.ibanner .slick-dots{ position:absolute; margin-left:-15px; left:50%; bottom:28px;}
.ibanner .slick-dots li{ float:left; margin:0 6px;}
.ibanner .slick-dots li button{ display:block; border:none; padding:0px; width:32px; height:7px; text-indent:-99px; overflow:hidden; background:rgba(255,255,255,0.5); box-shadow:0 0 5px rgba(0,0,0,0.3); box-sizing:border-box; border:none;}
.ibanner .slick-dots li.slick-active button{ background:rgba(255,255,255,1);}

.ibanner .swiper-pagination{ bottom:28px;}
.ibanner .swiper-pagination-bullet{ width:15px; height:15px; border-radius:15px; background:rgba(255,255,255,0.5); box-shadow: 0 0 5px rgba(0,0,0,0.3); opacity:1;}
.ibanner .swiper-pagination-bullet-active{ background:rgba(0,75,189,1);}
.ibanner .slick-arrow i { font-size: 50px; }

/* 内页 */
.page-body { margin: 20px auto 50px; }
.page-l-tit { padding: 10px 0 10px 60px; background: rgb(52, 129, 221) url(../images_public/page_tb_01.png) 3px 7px no-repeat; color: #fff; }
.page-l-tit h3 { margin-top: 0; margin-bottom: 5px; }
.page-l-tit p { font-size: 12px; margin-bottom: 0; }
.page-l-clist { border: 1px solid #ddd; border-top:none;}
.page-l-clist ul { padding:15px; }
.page-l-clist li { height: 40px; line-height: 40px; text-align: center; font-size: 14px; border-bottom: 1px solid #ddd; }
.page-l-clist li a:hover { display: inline-block; width: 100%; height: 40px; color: #fff; background:#2c2c2c; }
.page-body .sec-tit { margin-top: 15px; }
.left-news li { border-bottom:1px dotted #ccc;}
.left-news li h5 { line-height:14px; text-align:left;}
.sec-tit {  border-bottom: 1px solid #e5e5e5; height: 45px; line-height:45px; }
.sec-tit h2 { float: left; margin-top: 0; margin-bottom: 0; height: 45px; line-height: 45px; font-weight: bold; font-size: 22px; color: #333; border-bottom: 3px solid #bf9f62;  }
.sec-tit span { font-size: 18px; color: #e5e5e5; margin-left: 10px; }
.sec-tit h5 { float: right; margin-top: 12px; margin-bottom: 0; }
.sec-tit h5 i { margin-left: 5px; width: 14px; height: 14px; border-radius: 14px; background: #c69a4e; color: #fff; text-align: center; display: inline-block; font-style:normal; line-height:11px;}
.sec-tit h5 a { display: inline-block; padding: 2px 3px; border-radius: 3px; }
.sec-tit h5 a:hover { background: #F3BA15; color: #fff; }
.sec-tit h5 a:hover i { background: transparent; background:none !important; }
.crumbs-item { line-height: 32px; border-bottom: 3px double #d7dbdf; overflow:hidden;  margin-bottom:10px;}
.page-content { font-size: 16px; padding-top: 15px; padding-bottom: 15px;line-height:28px; }
.page-content img {max-width:100% !important;height:auto !important;}
.page-detail img {width: auto !important;}
.page-plist { margin-top: 15px; }
.page-plist > div { margin-bottom: 10px; }
.page-plist > div h5 { text-align: center; }
.page-alist { margin-top: 15px; }
.page-alist .col-md-4 { padding:0 10px;}
.page-alist .col-md-4 h5 { height:15px; line-height:15px; overflow:hidden; float:left;display:block; width:100%;}
.page-alist li { clear:both; overflow:hidden; padding-bottom: 15px; padding-top: 15px; border-bottom: 1px dotted #ddd; }
.page-alist .page-adate { float: left; width:65px;height:65px; text-align: center; color: #fff; margin-right: 15px; background:#323232; }
.page-alist .page-adate h3 { font-weight: bold; margin-top:14px; margin-bottom: 0; }
.page-alist .page-adate p { margin-bottom: 5px; }
.page-alist .page-atit p { font-size: 12px; color: #999; margin-bottom: 0; }
.page-alist .page-atit a { color: #333; }
.page-alist .page-atit a:hover { color:#f00; }
.page-con-tit { border-bottom: 1px dotted #ddd; margin-bottom: 15px; }
.page-con-tit h3 { text-align: center; }
.page-con-tit .haiofn { text-align: center; color: #999; line-height:28px;font-size:12px;}
.page-con-tit .haiofn .bdsharebuttonbox { float:right;}
.page-con-tit .haiofn span{ text-align: center; color: #999; padding-left:10px; }
.page-summary { border: 1px solid #ddd; border-radius: 4px; background: #f7f7f7; padding: 15px; margin-bottom: 15px; color: #666; }
.page-detail { padding:10px 0; font-size:14px; line-height:26px;}
.page-detail img { max-width:100% !important; height:auto !important;}
.tags { clear:both; padding:10px 0; border-top:1px dotted #ccc;border-bottom:1px dotted #ccc; margin:10px 0;}
.tags a { margin:0 1%; display:inline-block; padding:0 0.5%; color:#337ab7;}
.page-alist .col-md-4{margin-bottom:15px;}
.page-alist .col-md-4 a:hover h5 {
    color: #006bac;
}
.img-inner:hover {
    border: 1px solid #006bac;
    overflow: hidden;
}
.img-inner img{height:auto;}

.page-summary{display:none;}
.page-con-tit h1{font-size:24px;}
.prodescription{display:none;}

.img-inner{    width: 372px;    height: 243px;}
.img-inner img{height:243px;}
.wp-pagenavi{text-align:center}
.page-summary{display:none;}
.news_tp{width:150px;height:80px;float:left;margin-right:15px;overflow:hidden;background:#f2f2f2;}
.news_tp img{width:100%;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
  background-color: #333;
    border-color: #333;
}
.pagination>li>a, .pagination>li>span{color: #323232;}

.zoomPad { position: relative; float: left; z-index: 99; cursor: crosshair; }
.zoomPreload { -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity = 80); color: #333; font-size: 12px; font-family: Tahoma; text-decoration: none; border: 1px solid #CCC; background-color: white; padding: 8px; text-align: center; background-image: url(../images_public/zoomloader.gif); background-repeat: no-repeat; background-position: 43px 30px; z-index: 110; width: 90px; height: 43px; position: absolute; top: 0px; left: 0px;  * width:100px; * height:49px;}
.zoomPup { overflow: hidden; background-color: #FFF; -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity = 60); z-index: 120; position: absolute; border: 1px solid #CCC; z-index: 101; cursor: crosshair; }
.zoomPup img { width:299px; height:200px;}
.zoomOverlay { position: absolute; left: 0px; top: 0px; background: #FFF; /*opacity:0.5;*/z-index: 5000; width: 100%; height: 100%; display: none; z-index: 101; }
.zoomWindow { position: absolute; left: 110%; top: 40px; background: #FFF; z-index: 6000; height: auto; z-index: 10000; z-index: 110; }
.zoomWrapper { position: relative; border: 1px solid #999; z-index: 110; }
.zoomWrapperTitle { display: block; background: #999; color: #FFF; height: 18px; line-height: 18px; width: 100%; overflow: hidden; text-align: center; font-size: 10px; position: absolute; top: 0px; left: 0px; z-index: 120; -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity = 60); }
.zoomWrapperImage { display: block; position: relative; overflow: hidden; z-index: 110; }
.zoomWrapperImage img { border: 0px; display: block; position: absolute; z-index: 101; }
.zoomIframe { z-index: -1; filter: alpha(opacity=0); -moz-opacity: 0.80; opacity: 0.80; position: absolute; display: block; }



/*********左侧*********/
#innercolor{color: #fff;}
#innerbgcolor{background-color: #ed1c24;}
.sec-tit h5 i{color: #fff;}
.sec-tit h2{height: 45px;line-height: 45px;padding-left: 15px;font-size: 16px;}

.sec-tit h5 a{color: #fff;margin-right: 5px;}
.sec-tit h5 a:hover{background: #ed1c24; }
.sec-tit h5 a:hover i{color: #fff;}
.sec-marquee-c ul li{font-size: 14px;}
.sec-tit{height: 45px;line-height: 45px}

.page-l-clist li{background:#006bac; display:inline-block; margin:5px ; padding:0 20px;border:1px #0080ac solid;}
.page-l-clist li a{color:#fff;height: 45px;line-height: 39px;color: #fff;font-size: 20px;}
.page-l-clist li:hover {background: #ffffff;border: 1px solid #006bac;}
.page-l-clist li a:hover{background:none;border:0;}
.page-l-clist li:hover a{background:none;border:0;color:#025689;}
.left-news li h5:hover{color: #15499a;}
.sec-tit.left-keyword-tit {display: none;}

.pagination>.active>span{background-color: #006bac;border-color: #006bac;}
.pagination>li>a{color:#006bac;}


.page-l-clist ul{height:140px;}
.page-l-clist{border:0;text-align:center;}

.img-inner{width: auto;height:270px;display: block;}
.page-alist h5{text-align:center;font-size:16px;}
.img-inner img{    height: 100%;width: auto;}
.wp-pagenavi{text-align:center}
.page-summary{display:none;}


/* herad */
.xs-logo img{width:450px;}
.pull-left {padding:15px;}


.w1440{ width:1440px; margin:0px auto;}
.bt{text-align:center;padding:30px 0 30px 0;}

.bt p{font-size:16px;text-transform : uppercasease;line-height:35px;}
.bt h2{ font-size: 32px;color: #141418}
.index-title{padding: 60px 0 50px; text-align: center;}
.index-title h3{color: #141418; font-size: 32px; line-height: 50px;}
.index-title span{display: block; width: 30px; height: 3px; background: #222222; margin: 30px auto 0; display: block;}


/* index-sec1*/
.index-sec1{background: #f4f4f5; padding-bottom: 80px;padding-top: 30px;}
.index-sec1-tab{padding: 20px 0 60px;}
.index-sec1-tab ul{text-align: center;}
.index-sec1-tab ul li { cursor: pointer; text-align: center; display: inline-block; margin: 0 45px; padding-bottom: 10px; font-size: 16px; position: relative;}
.index-sec1-tab ul li.on{border-bottom: 2px solid #222222;}
.index-sec1-tab ul li.on::after{position: absolute; content: ""; width: 0;height: 0;bottom:-7px;left: 50%;margin-left: -6px;border-right:6px solid transparent;border-left:6px solid transparent;border-top:6px solid #222222; }
.index-sec1-list .item{background: #f8f8f8; transition: all 0.6s;}
.index-sec1-list .item .text{padding: 60px 60px 0; box-sizing: border-box; width: 45%; max-width: 600px; float: left;}
.index-sec1-list .item .text .title {margin-bottom: 40px;}
.index-sec1-list .item .text .title h3{color: #333333; font-family: arial; font-size: 24px;font-weight: bold; margin-bottom: 30px;}
.index-sec1-list .item .text .title h4{color: #333333; font-family: arial; font-size: 34px; font-weight: bold;}
.index-sec1-list .item .info {min-height: 280px;}
.index-sec1-list .item .info p{color: #666666; line-height: 35px;text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5; overflow: hidden;font-size:16px;}
.more-but{ transition: all .4s; display: block; width: 200px; height: 55px; line-height: 55px; text-align: center; border-radius: 35px; border: 2px solid #000000; margin-top: 20px;}
.more-but a{ display:block; width:100%;height: 55px; line-height: 55px; }
.more-but:hover{background: #026dfe; border: 2px solid #ffffff;}
.more-but:hover a{color: #ffffff;}

.index-sec1-list .item .img{width: 55%; float: right;}
.index-sec1-list .item .img img{display: block; width: 100%;}
.index-sec1-list .item:hover{background: #ffffff;}




/*index-sec2*/
.index-sec2-list{display: flex; display: -webkit-flex;}
.index-sec2-list li{ position: relative;width: 25%; transition: all .6s; text-align: center; background: #f4f4f5; padding: 80px 40px; box-sizing: border-box;}
.index-sec2-list li .img{border: 1px solid #f4f4f5; transition: all .6s; margin: 20px auto 80px; width: 100px; height: 100px;  position: relative;}
.index-sec2-list li .img:after{border: 1px solid #d8d8d8 ; transition: all .6s;  transform: rotate(43deg); position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 100%;}
.index-sec2-list li .img img{display: block; margin: 0 auto; padding-top: 25px; box-sizing: border-box;}
.index-sec2-list li .text h2{color: #000000; font-size: 26px; margin-bottom: 40px;}
.index-sec2-list li .text p{color: #666666; font-size: 14px;}
.index-sec2-list li:nth-child(2n){background: #eeeeee;border: 1px solid #eeeeee;}
.index-sec2-list li:hover{-webkit-box-shadow:0 0 20px 1px #d0d0d0;  
  -moz-box-shadow:0 0 20px 1px #d0d0d0;  
  box-shadow:0 0 20px 1px #d0d0d0; background: #ffffff;}
.index-sec2-list li:hover .text h2{color: #026dfe;}
.index-sec2-list li:hover .img{border: 1px solid #026dfe;}
.index-sec2-list li:hover .img:after{border: 1px solid #026dfe;}


/*index-sec4*/
.index-sec4{padding-bottom: 80px;}
.index-sec4-list{text-align: center; padding: 0 20px; position: relative; box-sizing: border-box; z-index: 1; display: flex; display: -webkit-flex;}
.index-sec4-list li{transition: all 0.6s; padding: 20px; background: none; display: inline-block; width:calc(100%/9); width:-moz-calc(100%/9); width: -webkit-calc(100%/9); text-align: center;}
.index-sec4-list li .img{transition: all 0.6s; overflow: hidden; display: block; margin: 0 auto 10px; width: 120px; height: 120px; background: #f4f4f5; border-radius: 50%; position: relative;}
.index-sec4-list li .img img{display: block; margin: 0 auto; position: absolute; height: 40px; width: 38px; top: 50%;  margin-top: -20px; left: 50%; margin-left:-19px ;}
.index-sec4-list li::after{background: none;}
.index-sec4-list li .text p{font-size: 14px; height: 50px;}
.index-sec4-list li .number{ color: #333333; font-size: 26px; text-align: center; margin: 20px auto; border-radius: 50%;}
.index-sec4-list::after{position: absolute; content: ""; width: 100%; height: 1px; border-bottom: 4px solid #f4f4f5; top:80px;z-index: -1; left: 0;}
.index-sec4-list li .index-cell{height: 100%;}
.index-sec4-list li:hover .img{ -webkit-box-shadow: 0 0 20px 1px #d0d0d0;
-moz-box-shadow: 0 0 20px 1px #d0d0d0;
box-shadow: 0 0 20px 1px #d0d0d0;}
.index-sec4-list li .img::before{position: absolute; content: ""; 	transition: all 0.9s linear;
	transform: scale(0);
	background-color: ;
	left: 50%;
	top: 50%;
	background: #026dfe;}
	
.index-sec4-list li:hover .img::before {
	border-radius: 100%;
	top: 0px;
	left: 0;
	bottom: 0;
	right: 0;
	transform: scale(3);
}
.index-sec4-list li:hover {transform: translateY(10px);}
.index-sec4-list li .img img.img1 ,.index-sec4-list li:hover .img img.img2{
	display: block;
}
.index-sec4-list li .img img.img2 ,.index-sec4-list li:hover .img img.img1{
	display: none;
}




/*index-sec5*/
.index-sec5 {
    background: #f4f4f5;
    padding-bottom: 80px;
}
.index-sec5-list2 li{float: left; width: 25%;padding: 0 5px 0 5px;}
.index-sec5-list2 li .img{height: 260px; width: 100%; overflow: hidden;}
.index-sec5-list2 li .img img{width: 100%; height: 100%;}
.index-sec5-list2 li .img img{ overflow: hidden; display: block; width: 100%; transition: all 0.6s;}
.index-sec5-list2 li:hover .img img{ transform: scale(1.05);}
.index-sec5-list2 li .text{height: 260px; padding:40px 35px; box-sizing: border-box; position: relative; background: #ffffff;}
.index-sec5-list2 li .text .date{font-family: arial; margin-bottom: 15px;}
.index-sec5-list2 li .text .t1{color: #000000; font-size: 18px; margin-bottom: 15px;text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1; overflow: hidden;}
.index-sec5-list2 li .text .t2{color: #888888; font-size: 14px;text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; overflow: hidden; }

.index-sec5-list2 li .text:nth-child(2n)::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    top: -6px;
    left: 50%;
    margin-left: -6px;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: 6px solid #ffffff;}
    
.index-sec5-list2 li .text:nth-child(2n-1)::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    bottom: -6px;
    left: 50%;
    margin-left: -6px;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-top: 6px solid #ffffff;}
.index-sec5-list li a:hover{-webkit-box-shadow: 0 0 20px 1px #d0d0d0;
-moz-box-shadow: 0 0 20px 1px #d0d0d0;
box-shadow: 0 0 20px 1px #d0d0d0; transform: translateY(10px);}  
.index-sec5-list2 li:hover .text .t1{color: #026dfe;}
.index-sec5-list2 li:hover{-webkit-box-shadow: 0 0 20px 1px #d0d0d0;
-moz-box-shadow: 0 0 20px 1px #d0d0d0;
box-shadow: 0 0 20px 1px #d0d0d0;}


























/* 我们的产品 */
.cpzx{margin:45px 0;}
.box{width:100%;text-align:center;position:relative;}
.b-l{width:45%;position:absolute;left:0;top:0;}
.b-r{width:45%;position:absolute;right:0;top:0;}
.product_href a{border-radius: 0; padding:8px 45px;font-size: 20px;background:#004098;;color:#fff;margin: 0 10px 10px;display: inline-block;}
.product_href a:hover{background:#0057ad;}
.product_href {margin: 15px 0;}




/* --history-- */
.w80{margin:0 auto;width:1400px;}
.history{height:610px;overflow:hidden;background:#333 url(../images/bj.jpg) no-repeat center bottom;}
.history .title{padding-top:28px;padding-left:60px;overflow:hidden;}
.history .title h2{height:40px;line-height:40px;font-size:30px;font-weight:normal;color:#fff;}
.history .title em{height:20px;line-height:20px;font-size:16px;font-family:"DIN-Medium";color:#fff;text-transform:uppercase;}
.history-slide{position:relative;float:left;margin-top:28px;width:500px;height:400px;overflow:hidden;}
.history-slide .prev,.history-slide .next{position:absolute;z-index:333;left:220px;width:130px;height:70px;cursor:pointer;}
.history-slide .prev{top:0;background:url(../images/history_prev.png) no-repeat center;border-radius:15px 15px 0 0;}
.history-slide .next{bottom:0;background:url(../images/history_next.png) no-repeat center;border-radius:0 0 15px 15px;}
.history-slide .prev:hover,.history-slide .next:hover{background-color:rgba(0,0,0,0.2);}
.history-list{padding-left:60px;width:180px;height:400px;overflow:hidden;}
.history-list li{height:80px;line-height:80px;font-size:48px;font-family:"DIN-Medium";color:#2e6bd0;}
.history-list li.cur{color:#fff;}
.history-slide .clock{position:absolute;right:0;top:104px;width:200px;height:200px;}
.history-slide .clock:after{display:block;position:absolute;top:50%;right:130px;margin-top:-3px;width:175px;height:7px;content:"";background:url(../images/history_line.png) no-repeat 0 center;}
.history-slide .clock i{display:block;position:absolute;z-index:3;top:50%;left:50%;margin-left:-30px;margin-top:-30px;width:60px;height:60px;border-radius:50%;background:#fff url(../images/clock.png) no-repeat center;}
.history-slide .clock .circle{display:block;position:absolute;top:50%;left:50%;border:#fff solid 1px;border-radius:50%;}
.history-slide .clock .circle1{margin-top:-40px;margin-left:-40px;width:80px;height:80px;opacity:0.1;animation:scale 3s linear infinite;}
.history-slide .clock .circle2{margin-top:-60px;margin-left:-60px;width:120px;height:120px;opacity:0.1;animation:scale 3s linear infinite;}
.history-main{float:right;width:836px;overflow:hidden;}
.history-main .item{display:none;overflow:hidden;animation:fadeinR 1s;}
.history-main .hd{height:110px;line-height:110px;font-family:"DIN-Medium";font-size:48px;color:#fff;overflow:hidden;border-bottom:rgba(255,255,255,0.1) solid 1px;}
.history-main .bd{padding-top:25px;line-height:42px;font-size:16px;color:#fff;overflow:hidden;}
@keyframes scale{
    0%{transform:scale(0);opacity:0;}
    50%{transform:scale(1);opacity:1;}
    100%{transform:scale(0);opacity:0;}
}
/* --end history-- */





/* gywm-box */
.index-sec3{background: #f4f4f5;margin: 60px 0 50px;}
.home-section3 .bt{ text-align:left;padding: 0 0 40px 0;}

.home-section3 {
    padding-bottom: 120px;
  padding-top: 140px;
  
}
.index-brand .brand-list {
    /* padding-top: 1.5rem; */
    position: relative;
    width: 100%;
}
.index-brand .img-box {
    /* float: right; */
    width: 68%;
    position: absolute;
    right: 0;
    top: 7.5rem;
    overflow: hidden;
    z-index: 3;
}
.index-brand .text-box {
    position: relative;
    float: left;
    width: 36.08%;
    border: 1.4rem solid  #cdcdcd;
    box-sizing: border-box;
    padding:7.4rem 8.5rem 5.75rem 3.9rem;
    z-index: 2;
}
.index-brand .brand-logo {
    text-align: center;
}
.index-brand .con {
    font-size: 1.7rem;
    color: #666666;
     line-height: 3.8rem;
    /* height: 2.4rem; */
    overflow: hidden;
    /* text-align: center; */
    margin-top: 4rem;
}
.index-more {
    width: 14rem;
    height: 3.9rem;
    line-height: 3.2rem;
    display: block;
    margin: 50px auto 0 auto;
    /* background-color: #1a63c8; */
    border: 2px solid #1a63c8;
    font-size: 1.53rem;
    color: #1a63c8;
    font-weight: bold;
    text-align: center;
    transition: all .3s;
    border-radius: 4px;
}
.index-brand .img-box img {
    max-width: 100%;
    /* max-height: 700px; */
}
@media (min-width: 1562px) {
  .container {
    width: 1440px;
  }
}
.index-brand .brand-logo img {
    max-width: 100%;
}





































.more{width: 152px;height: 48px;font-size:16px; margin: 0px auto 60px	; line-height: 48px; text-align: center; border-radius: 2px; border:solid 1px #004098; overflow: hidden; clear: both;}
.more a{width: 152px;height: 48px; display: block;}
.more a:hover{color: #fff;background:#004098; }
/* 我们的产品 */
.portab{margin-bottom:10px;margin-top:10px;}
.portab .item .ar_2{background:#eee;color:#333;height:40px;line-height:40px;font-size:16px;}
.portab .item:hover .ar_2{color: #fff;background: #1a63c8;}
.portab .item{border:1px solid #eee;}
.portab .item .ar_1 .img-auto{width:100%;border:0;height:230px;display:block;line-height:220px;}
.portab .item .ar_1:hover .img-auto{border:0;}
.portab .item .ar_1 .img-auto img{ transition:.6s;}
.portab .item .ar_1:hover .img-auto img{ transform:scale(1.1)}


/* 行业解决方案 */
.plan{padding:50px 0 30px;overflow:hidden;background:#f8f8f8;}
.plan-list{margin-top:40px;width:1416px;overflow:hidden;margin-bottom:30px;}
.plan-list .item{position:relative;display:block;float:left;margin-right:16px;width:267px;height:490px;overflow:hidden;}
.plan-list .pic{width:100%;height:490px;overflow:hidden;}
.plan-list .pic img{display:block;width:100%;height:490px;transition:all 0.5s;}
.plan-list .text{position:absolute;bottom:0;left:0;width:100%;height:245px;color:#fff;text-align:center;overflow:hidden;background:rgba(0,0,0,0.5);transition:all 0.5s;}
.plan-list .text span{display:block;margin-top:70px;height:34px;line-height:34px;font-size:24px;}
.plan-list .text em{display:block;height:20px;line-height:20px;font-size:14px;text-transform:uppercase;}
.plan-list .text i{display:block;margin:30px auto;width:65px;height:65px;}
.plan-list .text i img{display:block;width:65px;height:65px;}
.plan-list .item:nth-child(even) .text{bottom:unset;top:0;}
.plan-list .item:hover .pic img{transform:scale(1.1);}
.plan-list .item:hover .text{background:#013b84;}
/* .plan .more{text-align:center;padding-top:50px;overflow:hidden;}
.plan .more a{display:block;margin:0 auto;width:186px;height:44px;line-height:44px;font-size:14px;color:#666;border:#e4e4e4 solid 1px;border-radius:25px;}
.plan .more a:hover{color:#fff;background:#ce0800;border-color:#ce0800;} */


.choose{

	box-sizing: border-box;
	/* padding-top: 50px; */
	background: url(../images/bj2.jpg) no-repeat;
	background-size: cover;
	/* height: 520px; */
  padding:60px 0 40px;
	overflow: hidden;
}
.choose .bt h2,.choose .bt p{color:#fff;}
.reasonWp{
	display: table;
	color: #fff;
	padding:40px 0;
}
.reason{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 25%;
}
.reason p{
	width: 220px;
	margin: auto;
}
.reason img{
	/* width: 72px; */
	/* height: 72px; */
	margin-bottom: 30px;
}
.reason p.title{
	font-size: 26px;
	margin-bottom: 10px;
}
.reason p.desc{
	font-size: 16px;
	line-height: 28px;
	opacity: 0.7;
}
.stepWp{
	position: relative;
	display: table;
	overflow: hidden;
	margin-top: 80px;
	margin-bottom: 80px;
}
.stepWp .line{
	position: absolute;
	top: 41px;
	left: 90px;
	height: 16px;
	width: 960px;
	background: url(../images/line.png) repeat-x left center;
	z-index: -1;
}
.stepWp .step{
	display: table-cell;
	vertical-align: middle;
	z-index: 1;
}
.stepWp .step i{
	display: block;
	margin: auto;
	font-size: 60px;
	font-family: Impact;
	color: #F9C741;
	background: #fff;
	width: 100px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	border-radius: 100%;
	font-style: normal;
}
.stepWp .step p{
	font-size: 16px;
	color: #666;
	text-align: center;
}
.stepWp .step img{
	vertical-align: middle;
}

/* 核心优势 */
.core_strengths {background: rgba(244, 244, 244, 1);padding-bottom: 80px;height:500px;padding-top:60px}
.core_strengths ul {overflow: hidden;background: #fff;}

.core_strengths ul.t{
    border-bottom:1px solid rgba(204, 204, 204, 1);
}

.core_strengths ul li {
    float: left;
    width: 33.2%;
    text-align: center;
    border-left: 1px solid rgba(204, 204, 204, 1);
    padding: 30px 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
}
.core_strengths ul li:hover{
    transform:scale(1.1);
    color: rgba(51, 153, 255, 1);
}

.core_strengths ul li:first-child {
    border-left: none;
}

.core_strengths ul li section {
    display: inline-block;
    position: relative;
}


.core_strengths ul li section img {
    margin-right: 24px;
    height: 80px;
    width: 80px;
    float: left;
    margin-top: 5px;
}

.core_strengths ul li section div {
    float: left;
    width: 180px;
}

.core_strengths li h5 {
    font-size: 20px;
    font-weight: 100;
    margin-bottom: 16px;
}

.core_strengths span {
    font-size: 14px;
}


/* 广告 */
.gg{}
.gg img{width:100%;}

/* 产品技术资讯 */
.xinwen{background:url(../images/index_bg.png) no-repeat left bottom;padding: 80px 0 0;margin-bottom:60px;}
.news_img{height:220px;overflow:hidden;}
.xinwen .news_info{padding:0;}
.news_list_box{margin:25px 0;}
.news_info .news_text_tit{font-size:16px;    margin: 8px 0;display: block;
    text-overflow: ellipsis; 
    overflow: hidden;
    white-space:nowrap; }
.img-responsive{height:100%;}
.news_text p{height:auto;font-size:15px;line-height:25px;display: inline;color:#666;}
.news_info:hover .news_text_tit{color:#004098;}
.news_info .news_text_date {
    color: #999;
    font-size: 12px;
    margin: 5px 0;
}


.qywh{width:100%;}
.qywh_l{width:45%;float:left;}
.qywh_l img{width:100%;}
.qywh_r{width:55%;padding:100px 5% 0;float:right;height:520px;background:url(../images/about1_01.png)no-repeat bottom center;}
.ui{color:#333;font-size:35px;padding-bottom:20px;}
.ui div{width:80px;
    height: 4px;
    border-radius: 4px;
    background: #005bab;
    display: block;
    margin: 35px 0 0.95rem;}
.qywh_r p{font-size:16px;line-height:30px;margin-bottom:3}



/* 页尾 */
footer { background:#333; color: #fff;padding:20px 0 20px; }
footer a { color: #ccc; }
.footer-copyright {text-align:center;padding:10px 0;margin-top:20px;border-top:1px solid #4e4d4d;}
.f0_bt{margin-bottom:20px;}
.f0_bt h2{margin:0;font-size:18px;font-weight:700;}
.f0_bt p{font-size:16px;}
.lxfs{font-size:14px;line-height:28px;margin-bottom:15px;}
.ewm {width:120px;text-align:center;}
.ewm p{margin-top:5px;font-size:12px;}
.nav_foot{}
.nav_foot span{margin-right:8px;}
.nav_foot p{display:block;width:50%;float:left;font-size:14px;line-height:28px;}
.nav_foot a{color:#fff;}
.nav_foot a:hover{color:#f00}

/* 返回顶部 */
.gototop{width:40px;height:40px;z-index:9999999999; position: fixed; bottom: 60px; right: 15px;}
.gototop:hover{background-position:-503px -42px;-webkit-transition:0.5s;}
.gototop i { font-size: 36px; }


/*浮动客服*/
#floatDivBoxs{width:120px;background:#fff;position:fixed;top:180px;left:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#3366ff;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:0px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat -50px 0;position:fixed;top:180px;left:120px;z-index:999;}
#rightArrow a{display:block;height:45px;}
.lxs{font-size:14px;line-height:15px;text-align:center;padding-bottom:10px;}


@media (max-width: 1875px){
    .navbar-pull-all{width:100%;}
}


@media (min-width: 1200px) {
	.mobile-footer { display: none; }
  
}

@media (max-width:1600px){
  
.navbar-pull-all{width:100%;}
  
}
.app{display:none !important;}
@media (max-width: 992px){
    body.side-right{overflow: hidden;}
    body nav.navbar.bootsnav .navbar-toggle{margin-right: 0;}
    body.side-right nav.navbar.bootsnav .navbar-toggle{float: right !important; margin-top: 12px; margin-right: 15px;}
    nav.navbar.bootsnav.navbar-mobile ul.nav,body nav.navbar.bootsnav .navbar-nav > li > a{border-top: none;}
    body nav.navbar.bootsnav .navbar-toggle { margin-top: 12px; margin-right: 15px; padding: 0 8px; border: 1px solid #666;}
    body.side-right > .wrapper{margin:0 !important;}
    body nav.navbar.bootsnav.navbar-mobile .navbar-collapse{width: 100%;height:auto !important;left: 0;top:-100%;}
    body nav.navbar.bootsnav.navbar-mobile .navbar-collapse{max-height:340px;}
    body nav.navbar.bootsnav.navbar-mobile .navbar-collapse.in{top:72px;}
    body nav.navbar.bootsnav.navbar-mobile ul.nav{width: 100%; margin:0;padding: 0;}
    body nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu{padding: 0 !important;}
   .pc{display:none;}
  .app{display:block !important;;}
  nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a{padding-left:25px;    background: #fff;}
  /* nav.navbar.bootsnav ul.nav > li:hover > a{color:#333;} */
  .nav>li:before{display:none;}
  nav.navbar.bootsnav ul.nav > li > a.nm{height:50px;line-height:50px;}
  
  
  .pull-left {
    padding: 4px;
}
  .navbar-header {
    height: 60px; 
}
  #uu{height:auto;}
  
  
  .w80{width:100%;}
  .more{margin-bottom:0;}
  
  
  .portab .item .ar_1 .img-auto{height:135px;line-height:125px;}
  .cpzx .portab .col-md-3{margin-bottom:15px;} 
  .bt h2{font-size:28px;text-align:center;}
  
  .gywm{margin:30px 0;}
  .about h2 span{    font-size: 30px;
    line-height: 55px;}
  .about{padding:0;}
  .about h3{    font-size: 23px;line-height:35px;margin:0;}
  
  .plan-list .text i img{width: 45px;height: 45px;margin: auto;}
  
  

  
  #rightArrow,#floatDivBoxs{display:none;}
  
  .core_strengths{height:auto;padding-bottom:20px;}
  .core_strengths ul li{width:33.33%;height:233px;padding:15px 0 0;}
  .core_strengths ul li section img{    float: inherit;margin:5px auto;}
  .core_strengths ul li section div{width:100%;}
  
   .xinwen .container{width:100%;}
  .xinwen{padding-top:40px;    background: url(../images/bg2.jpg) no-repeat center -176px;}
  .news_info{margin-bottom:15px;} 
  .news_info p{white-space: initial;}
  .news_img{height:150px;}
  .news_img img{width:100%;}
  
  
  .reason{width:50%;display:block;float:left;}
  .reason p{width:100%;}
  
  
  
  .plan-list{width:100%;}
  .plan-list .item{width:33.33%;margin:0;height:200px;}
  .plan-list .pic img{height:auto;}
  .plan-list .pic{height:auto;}
  .plan-list .text{height:200px;}
  .plan-list .text span{height:auto;font-size:20px;margin-top:35px;}
  .lkn{padding:15px 50px;display:block;width:100%;height:200px;font-size:18px;border:1px solid #333;}
  .plan{padding:0px;}
  
  
  
  
   #myscroll, #myscrolla{margin:25px auto;width:76%;}
  .product_detail .img{left:0;width:100%;overflow:hidden;height:auto;}
  .page-alist .page-atit p{    height: 4rem;}
  .page-content .zoomPad img {
    max-width: auto !important;
    height: 250px !important;
    width: auto !important;
}
  
  .page-l-clist{text-align:left;}
  .page-l-clist li{z-index:0;padding: 0 0px;display: block;float: left;width: 30%;}
  .page-l-clist ul{height:auto;padding:15px 0 0;}
  
  footer{margin-bottom:50px;}
  

  
  .img-inner{height: 150px !important;overflow: hidden;}
  .page-l-clist li a{font-size: 12px;}
  
  @media (max-width: 768px){
    .page-alist .col-md-3 {
    height: 190px;
    float: left;
    width: 49.9999%;
    padding: 0 5px;
}
  }
  
  
  
  /* gywm*/
  .index-brand .text-box {
    border: none;
    width: 92%;
    padding: 0px;
    margin-top: 20px;
    margin: 0 auto;
    float: none;
    margin-top: 20px;
}
.index-brand .img-box {
    position: relative;
    width: 100%;
    top: 0;
}
  .home-section3 {
    padding-bottom: 0px;
    padding-top: 20px;
}
  
  .w1440{width:100%;}
  .index-title h3{font-size:26px;}
  .index-sec1-tab ul li{margin: 5px 15px;}
  .index-sec1-list .item .img{width: 100%;padding: 10px;}
  .index-sec2-list{display:block;float:left;}
  .index-sec2-list li{width:50%;}
  .index-sec2-list li .text p{display:none;}
  .index-sec5-list2 li{width:100%;}
  


  
  
}

@media (max-width:768px) {
	/* 导航 */
	nav.navbar.bootsnav.navbar-mobile .navbar-collapse {position:static;!important;}
	.navbar-pull-all { width: 80%; padding-top: 0; height: 50px; margin: 15px 0 0 15px; }
	.navbar-pull-all .xs-logo img { height: 30px;width:auto; }
	nav.navbar.bootsnav ul.nav > li > a { color:#000}
  .navbar-pull-all{width:100%;margin:0;}
  .xs-logo img{margin:10px 0 0 10px;}
  body.side-right nav.navbar.bootsnav .navbar-toggle{margin-bottom:15px;}
	/* 轮播 */
	.ibanner .img { height: 220px;background-position-y: 20px; }
  #uu .img { height: 160px; }
    .ibanner .swiper-pagination-bullet{width:10px;height:10px;}
  .ibanner .swiper-pagination{bottom:10px;}
	/* 手机端底部导航 */
	.mobile-footer { display: block; background: #303030; display: flex; width: 100%; height: 50px; position: fixed; z-index: 999; bottom: 0; left: 0; }
	.mobile-footer a { flex: 1; color: #fff; text-align: center; }
	.mobile-footer a i { font-size: 22px; padding: 4px 0; }
	.mobile-footer a h5 { margin: 0; }

	/* 手机端走马灯处理 */
	.swiper .ar_1 { width: auto; }
  
}